#root {
  /* max-width: 1280px; */
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
}

.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #54bc4ae0);
}
.logo.react:hover {
  filter: drop-shadow(0 0 2em #61dafbaa);
}

@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
}

.arco-tabs {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.arco-tabs-content {
  flex: 1;
  overflow: hidden;
}

.arco-tabs-pane {
  height: 100%;
  overflow-y: auto;
  padding-right: 5px;
}

/* 统一表单样式 */
.arco-form {
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.arco-form-item {
  margin-bottom: 16px;
}

.arco-form-item:last-child {
  margin-bottom: 0;
}

/* 按钮组样式 */
.form-buttons-container {
  margin-top: auto;
  padding-top: 16px;
}

.arco-space {
  width: 100%;
}

.arco-row {
  margin-bottom: 8px;
}

.arco-row:last-child {
  margin-bottom: 0;
}

/* 滚动条样式 */
.arco-tabs-pane::-webkit-scrollbar {
  width: 6px;
}

.arco-tabs-pane::-webkit-scrollbar-thumb {
  background-color: var(--color-fill-3);
  border-radius: 3px;
}

.arco-tabs-pane::-webkit-scrollbar-track {
  background-color: var(--color-fill-1);
}

/* 输入框样式 */
.arco-input-wrapper,
.arco-input-number-wrapper,
.arco-select-view,
.arco-picker {
  width: 100% !important;
}

/* 按钮样式 */
.arco-btn {
  width: 100%;
}

/* 标签页样式 */
.arco-tabs-header {
  border-bottom: 1px solid var(--color-border);
}

.arco-tabs-tab {
  padding: 12px 16px;
}

.arco-tabs-tab-active {
  color: var(--color-primary);
}

.arco-tabs-ink {
  background-color: var(--color-primary);
}

